<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!-- 左侧和头标签 -->
<%@include file="comms/heard.jsp"%>

<div class="stepContainer" style="height: 288px;">
	<div id="step-1" class="content" style="display: block;">
		<form id="demo-form2" class="form-horizontal form-label-left"
			action="${pageContext.request.contextPath}/applist/appinfolist"
			method="post">

			<input id="currentPage" type="hidden" name="currentPage" value="1">
			<!--app管理标题  -->
			<div class="x_title">
				<h2>
					APP项目维护管理<small>${devUser.devname}; <span>
							卡老实交代卡死连电脑哦瓦片饿哦我欧戴斯对AV来课vajeiiaod</span></small>
				</h2>
				<div class="clearfix"></div>
			</div>
			<!--  下拉框和查询条件-->
			<ul style="list-style: none; text-align: center;">
				<li>
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12"
							for="first-name"><span>软件名称:</span> </label>
						<div class="col-md-6 col-sm-6 col-xs-12">

							<input id="first-name" class="form-control col-md-7 col-xs-12"
								name="softwarename" type="text"
								value="${applistmap.softwarename }">
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12"
							for="first-name"><span>APP状态:</span> </label>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<select class="form-control col-md-7 col-xs-12" name="status">
								<option value="">--请选择--</option>
								<c:forEach items="${appStatuslist}" var="appStatus">
									<option
										<c:if test="${applistmap.status==appStatus.valueid}">
									selected="selected"</c:if>
										value="${appStatus.valueid }">${appStatus.valuename}</option>
								</c:forEach>
							</select>

						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12"
							for="first-name"><span>所属平台:</span> </label>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<select name="flatformid" class="form-control col-md-7 col-xs-12">
								<option value="">--请选择--</option>
								<c:forEach items="${appFlatformlist}" var="appFlatform">
									<option
										<c:if test="${applistmap.flatformid==appFlatform.valueid}">
									selected="selected"</c:if>
										value="${appFlatform.valueid }">${appFlatform.valuename}</option>
								</c:forEach>
							</select>

						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12"
							for="first-name"><span>一级分类:</span> </label>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<select onchange="findCategoryLevelTwo(this)"
								name="categorylevel1" class="form-control col-md-7 col-xs-12">
								<option value="">--请选择--</option>
								<c:forEach items="${appcategorylevel1 }" var="level1">
									<option
										<c:if test="${applistmap.categorylevel1==level1.id }">
									selected="selected"</c:if>
										value="${level1.id }">${level1.categoryname}</option>
								</c:forEach>
							</select>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12"
							for="first-name"><span>二级分类:</span> </label>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<select onchange="findCategoryLevelThree(this)"
								id="levelTwoSelect" name="categorylevel2"
								class="form-control col-md-7 col-xs-12">
								<option value="">--请选择--</option>
								<c:forEach items="${appcategoryleve2 }" var="level2">
									<option
										<c:if test="${applistmap.categorylevel2==level2.id }">
									selected="selected"</c:if>
										value="${level2.id }">${level2.categoryname}</option>
								</c:forEach>
							</select>

						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<label class="control-label col-md-3 col-sm-3 col-xs-12"
							for="first-name"><span>三级分类:</span> </label>
						<div class="col-md-6 col-sm-6 col-xs-12">
							<select id="levelThreeSelect" name="categorylevel3"
								class="form-control col-md-7 col-xs-12">
								<option value="">--请选择--</option>
								<c:forEach items="${appcategoryleve3 }" var="level3">
									<option
										<c:if test="${applistmap.categorylevel3==level3.id }">
									selected="selected"</c:if>
										value="${level3.id }">${level3.categoryname}</option>
								</c:forEach>
							</select>

						</div>
					</div>
				</li>
			</ul>
			<!-- -查询按钮-------------------------------------------------  -->
			<div style="text-align: center;">
				<button type="submit" class="btn btn-primary">查询</button>
			</div>
			<!--  水平线=======================================================-->
			<div class="actionBar">
				<div class="msgBox">
					<div class="content"></div>
				</div>
			</div>

			<!--  水平线=======================================================-->

			<!--  水平线=======================================================-->
			<div class="actionBar">
				<div class="msgBox">
					<div class="content"></div>
				</div>
			</div>

			<!--  水平线=======================================================-->
		</form>
	</div>
	<!-- -------------------------- 表格显示  -------------------------- -->

	<div class="col-md-12 col-sm-12 col-xs-12">
		<div class="x_panel">
			<div class="x_title">
				<h2>
					列表 <small>${devUser.devname }</small>
				</h2>
				<ul class="nav navbar-right panel_toolbox">
					<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
					</li>
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-expanded="false"><i
							class="fa fa-wrench"></i></a>
				</ul>
				<div class="clearfix"></div>
			</div>
			<div class="x_content">
				<p class="text-muted font-13 m-b-30"></p>
				<div id="datatable_wrapper"
					class="dataTables_wrapper form-inline dt-bootstrap no-footer">
					<div class="row">
						<div class="col-sm-6">
							<div class="dataTables_length" id="datatable_length">
								</label>
							</div>
						</div>

					</div>
					<div class="row">
						<div class="col-sm-12">
							<table id="datatable"
								class="table table-striped table-bordered dataTable no-footer"
								role="grid" aria-describedby="datatable_info">
								<thead style="text-align: center;">
									<tr role="row">
										<th class="sorting" tabindex="0" aria-controls="datatable"
											rowspan="1" colspan="1" style="width: 250px;"
											aria-label="Position: activate to sort column ascending">软件名称</th>
										<th class="sorting_desc" tabindex="0"
											aria-controls="datatable" rowspan="1" colspan="1"
											style="width: 250px;"
											aria-label="Office: activate to sort column ascending"
											aria-sort="descending">APK名称</th>
										<th class="sorting" tabindex="0" aria-controls="datatable"
											rowspan="1" colspan="1" style="width: 80px;"
											aria-label="Age: activate to sort column ascending">软件大小</th>
										<th class="sorting" tabindex="0" aria-controls="datatable"
											rowspan="1" colspan="1" style="width: 80px;"
											aria-label="Start date: activate to sort column ascending">所属平台
										</th>
										<th class="sorting" tabindex="0" aria-controls="datatable"
											rowspan="1" colspan="1" style="width: 250PX;"
											aria-label="Salary: activate to sort column ascending">所属分类(一级分类——>二级分类——>三级分类)</th>
										<th class="sorting" tabindex="0" aria-controls="datatable"
											rowspan="1" colspan="1" style="width: 80px;"
											aria-label="Salary: activate to sort column ascending">状态</th>
										<th class="sorting" tabindex="0" aria-controls="datatable"
											rowspan="1" colspan="1" style="width: 80px;"
											aria-label="Salary: activate to sort column ascending">下载次数</th>
										<th class="sorting" tabindex="0" aria-controls="datatable"
											rowspan="1" colspan="1" style="width: 80px;"
											aria-label="Salary: activate to sort column ascending">最新版本号</th>
										<th class="sorting" tabindex="0" aria-controls="datatable"
											rowspan="1" colspan="1" style="width: 115px;"
											aria-label="Salary: activate to sort column ascending">操作</th>
									</tr>
								</thead>
								<tbody>
									<c:forEach items="${pageBean.pageList }" var="appInfo">
										<tr role="row" class="even">
											<td>${appInfo.softwarename }</td>
											<td>${appInfo.apkname }</td>
											<td>${appInfo.softwaresize }</td>
											<td>${appInfo.floaformname }</td>
											<td>${appInfo.categorylevel1name }->${appInfo.categorylevel2name }->${appInfo.categorylevel3name }</td>
											<td>${appInfo.statusname }</td>
											<td>${appInfo.downloads }</td>
											<td>${appInfo.versionno }</td>

											<td><div class="btn-group">
													<button type="button" class="btn btn-danger">点操作</button>
													<button type="button"
														class="btn btn-danger dropdown-toggle"
														data-toggle="dropdown" aria-expanded="false">
														<span class="caret"></span> <span class="sr-only">修改APP信息</span>
													</button>
													<ul class="dropdown-menu" role="menu">
														<li><a href="#">下架</a></li>
														<li><a href="#">新增版本</a></li>
														<li><a href="#">修改</a></li>
														<li><a href="#">查看</a></li>
														<li><a href="#">删除 </a></li>
													</ul>
												</div></td>
										</tr>
									</c:forEach>
								</tbody>
							</table>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-5">
							<div class="dataTables_info" id="datatable_info" role="status"
								aria-live="polite"></div>
						</div>
						<!-- 						分页 -->
						<div class="col-sm-7">
							<div class="dataTables_paginate paging_simple_numbers"
								id="datatable_paginate">
								<ul class="pagination">
								<c:if test="${pageBean.currentPage > 1}">
									<li class="paginate_button active"><a
										href="javascript:page(1);" aria-controls="datatable"
										data-dt-idx="1" tabindex="0">首页</a></li>
									<li class="paginate_button active"><a
										href="javascript:page(${pageBean.currentPage }-1);"
										aria-controls="datatable" data-dt-idx="1" tabindex="0">上一页</a></li>
								</c:if>	
								<c:if test="${pageBean.currentPage < pageBean.totalPage}">
									<li class="paginate_button active"><a
										href="javascript:page(${pageBean.currentPage }+1);"
										aria-controls="datatable" data-dt-idx="1" tabindex="0">下一页</a></li>
									<li class="paginate_button active"><a
										href="javascript:page(${pageBean.totalPage });"
										aria-controls="datatable" data-dt-idx="1" tabindex="0">尾页</a></li>
								</c:if>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>






























<!-- 底部 -->
<%@include file="comms/foot.jsp"%>